import Header from "@frontend/components/layout/header"
import Menu from "@frontend/components/navigation/menu"
import RegistrationForm from "@frontend/components/auth/registration/registration-form"
import Logo from "@frontend/components/site/logo"

export default function RegistrationPage() {
  return (
    <>
      <Header>
        <Logo />
        <div className="size-[40px]" />
        <Menu />
      </Header>
      <main className="flex min-h-full w-full flex-col items-center px-5 header-based-pt desktop-w-md:px-10">
        <div className="min-h-10 w-full flex-grow-[1]" />
        <div className="relative min-h-full w-[480px] max-w-full">
          <RegistrationForm />
        </div>
        <div className="min-h-10 w-full flex-grow-[2]" />
      </main>
    </>
  )
}